

<div  ng-controller="ciTree">
    <div style="float:left;width: 400px">
        <ul>
            <li ng-repeat="x in name" ng-click="openTree(x)">
                {{ x.dir.dirName}} + {{x.cls.length}}
                <div ng-repeat="y in x.cls track by $index" style="margin: 10px;" ng-show="child == x.dir.id "
                     ng-click="ciAttr(y,$event)">
                 {{ y.className}}
                </div>
            </li>
        </ul>
    </div>
    <div ng-show="attrShow" style="float: left">
        <div>
            基础属性
        </div>
        <laber>名字</laber>
        <input type="text" ng-model="ciClass.className">
        <img ng-src="{{ciClass.icon}}" alt="加载失败" ng-click="goIcon()" >
        <div style="margin-top:40px ">
            <nav>属性</nav>
            <ul>
                <li ng-repeat="x in attrDefs">
                    {{attrDefs[$index].proName}}
                    <input  ng-model="attrDefs[$index].proName" />
                    <select ng-model ='attrDefs[$index].proType' ng-options="n.val as n.name for n in types">
                    </select>
                </li>
            </ul>
        </div>
        <footer>
            <button ng-click="save()">
                保存
            </button>
        </footer>
    </div>
    <div ng-show ='iconChoose'>
        <img  ng-repeat="x in icons" src="{{x.imgPath}}" ng-click="changeIcon(x)">
    </div>

</div>